<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Key Events Test</title>
  <style>
    .focusable:focus
    {
      border: 1px solid red;
      outline: none;
    }
    #div1
    {
      width: 20em;
      height: 10em;
      background: yellow;
    }
  </style>
</head>
<body>
  <input class="focusable" type="text" id="input1" value="Input1" />
  <div id="div1" class="focusable" tabindex="0"></div>
</body>
</html>